<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>有趣的博客系统</title>
    <link rel="stylesheet" href="static/css/public.css">
    <link rel="stylesheet" href="static/css/personal.css">
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <!-- 修改头像 -->
    <link rel="stylesheet" href="assets/cropper/cropper.min.css">
    <link rel="stylesheet" href="assets/sitelogo/sitelogo.css">
    <style>
        .aaa-enter-active, .aaa-leave-active {
  transition: opacity .5s;
}
.aaa-enter, .aaa-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
    
    
    </style>

</head>

<body>
    <div class="container">
        <header class="clearfix">
            <div class="row">
                <div class="col-lg-9 col-md-9 col-sm-6 col-xs-3"></div>
                <div class="col-lg-1 col-md-1 col-sm-2 col-xs-3">
                    <a href="javascript:;">登录</a>
                </div>
                <div class="col-lg-1 col-md-1 col-sm-2 col-xs-3">
                    <a href="javascript:;">注册</a>
                </div>
                <div class="col-lg-1 col-md-1 col-sm-2 col-xs-3 text-center">
                    <a href="javascript:;">写博客</a>
                </div>
            </div>
        </header>
        <section class="main-content clearfix" id="mainContent">
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-12 main-content-left">
                    <!-- logo图 -->
                    <a href="javascript:;" v-show="see">
                        <img src="static/images/logo.png" alt="logo图" class="img-responsive" v-bind:title="title">
                    </a>
                    <!-- 头像 -->
                    <div class="head text-center">
                        <a href="javascript:;">
                            <img src="static/images/head.jpg" alt="头像" class="img-responsive">
                        </a>
                        <h3>
                            <a href="javascript:;">{{message}}</a>
                        </h3>
                        <p>
                            <span>
                                关注了<span><a href="javascript:;">111</a></span>人
                            </span>
                            <span>
                                粉丝数：<span><a href="javascript:;">1</a></span>人
                            </span>
                        </p>
                    </div>
                    <div class="list-group text-center">
                        <a href="javascript:;" class="list-group-item active">常规设置</a>
                        <a href="javascript:;" class="list-group-item">消息通知</a>
                        <a href="javascript:;" class="list-group-item">安全设置</a>
                        <a href="javascript:;" class="list-group-item">我的收藏</a>
                        <a href="javascript:;" class="list-group-item">我的喜欢</a>
                        <a href="javascript:;" class="list-group-item">我的文章</a>
                        <ul class="row other-webs">
                            <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2"></li>
                            <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                <a href="https://weibo.com/6052447384/profile?topnav=1&wvr=6&is_all=1" class="xl-wb"
                                    target="_blank"></a>
                            </li>
                            <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                <a href="http://t.qq.com/xejhan3344?preview" class="tx-wb" target="_blank"></a>
                            </li>
                            <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                <a href="javascript:;" class="we-chat">
                                    <div class="erCode text-center">
                                        <img src="static/images/ercode.bmp" alt="微信公众号二维码">
                                        <p>关注我</p>
                                    </div>
                                </a>
                            </li>
                            <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2">
                                <a href="https://github.com/MissXiaoLian" class="git" target="_blank"></a>
                            </li>
                            <li class="col-lg-2 col-md-2 col-sm-2 col-xs-2"></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 succ-info content-items">
                    <div>
                        <hr />
                        <form class="edit-item">
                            <div class="form-group row">
                                <label for="exampleInputEmail1" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">昵称:</label>
                                <input type="text" class="col-lg-10 col-md-10 col-sm-10 col-xs-8" id="exampleInputEmail1"
                                    placeholder="请输入新的昵称" value="李狗蛋" disabled>
                                <button type="button" class="btn btn-default col-lg-2 col-md-2 col-sm-2 col-xs-4 editable">编辑</button>
                            </div>
                            <div class="form-group row">
                                <label for="exampleInputPassword1" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">密码:</label>
                                <input type="password" class="col-lg-10 col-md-10 col-sm-10 col-xs-8" id="exampleInputPassword1"
                                    placeholder="请输入新的密码" value="123456" disabled>
                                <button type="button" class="btn btn-default col-lg-2 col-md-2 col-sm-2 col-xs-4 editable">编辑</button>
                            </div>
                            <div class="form-group row">
                                <label for="exampleInputFile" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">Email:</label>
                                <input type="email" id="exampleInputFile" class="col-lg-10 col-md-10 col-sm-10 col-xs-8"
                                    placeholder="请输入新的Email" value="12345678@qq.com" disabled>
                                <button type="button" class="btn btn-default col-lg-2 col-md-2 col-sm-2 col-xs-4 editable">编辑</button>
                            </div>
                            <div class="form-group row">
                                <label for="tel" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">联系方式:</label>
                                <input type="tel" id="tel" class="col-lg-10 col-md-10 col-sm-10 col-xs-8" placeholder="请输入新的联系方式"
                                    value="18832892106" disabled>
                                <button type="button" class="btn btn-default col-lg-2 col-md-2 col-sm-2 col-xs-4 editable">编辑</button>
                            </div>
                            <div class="form-group row">
                                <label for="sign" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">个人签名:</label>
                                <input type="text" id="sign" class="col-lg-10 col-md-10 col-sm-10 col-xs-8" placeholder="请输入新的个人签名"
                                    value="天空没有我的痕迹 但我已飞过" disabled>
                                <button type="button" class="btn btn-default col-lg-2 col-md-2 col-sm-2 col-xs-4 editable">编辑</button>
                            </div>
                            <div class="form-group row">
                                <label for="web" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">个人网址:</label>
                                <input type="url" id="web" class="col-lg-10 col-md-10 col-sm-10 col-xs-8" placeholder="请输入新的个人网址"
                                    value="http://www.lycnews.cn" disabled>
                                <button type="button" class="btn btn-default col-lg-2 col-md-2 col-sm-2 col-xs-4 editable">编辑</button>
                            </div>
                        </form>
                        <hr />
                        <!-- 头像设置 -->
                        <div class="head-area">
                            <p>点击头像进行修改</p>
                            <div class="ibox-content">
                                <div class="row">
                                    <div id="crop-avatar" class="col-md-6">
                                        <div class="avatar-view" title="Change Logo Picture">
                                            <img src="static/images/logo.jpg" alt="Logo">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="modal fade" id="avatar-modal" aria-hidden="true" aria-labelledby="avatar-modal-label"
                                role="dialog" tabindex="-1">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <form class="avatar-form" action="{{url('admin/upload-logo')}}" enctype="multipart/form-data"
                                            method="post">
                                            <div class="modal-header">
                                                <button class="close" data-dismiss="modal" type="button">&times;</button>
                                                <h4 class="modal-title" id="avatar-modal-label">请选择图片</h4>
                                            </div>
                                            <div class="modal-body">
                                                <div class="avatar-body">
                                                    <div class="avatar-upload">
                                                        <input class="avatar-src" name="avatar_src" type="hidden">
                                                        <input class="avatar-data" name="avatar_data" type="hidden">
                                                        <label for="avatarInput">图片上传</label>
                                                        <input class="avatar-input" id="avatarInput" name="avatar_file"
                                                            type="file"></div>
                                                    <div class="row">
                                                        <div class="col-md-9">
                                                            <div class="avatar-wrapper"></div>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <div class="avatar-preview preview-lg"></div>
                                                            <div class="avatar-preview preview-md"></div>
                                                            <div class="avatar-preview preview-sm"></div>
                                                        </div>
                                                    </div>
                                                    <div class="row avatar-btns">
                                                        <div class="col-md-9">
                                                            <div class="btn-group">
                                                                <button class="btn" data-method="rotate" data-option="-90"
                                                                    type="button" title="Rotate -90 degrees"><i class="fa fa-undo"></i>
                                                                    向左旋转</button>
                                                            </div>
                                                            <div class="btn-group">
                                                                <button class="btn" data-method="rotate" data-option="90"
                                                                    type="button" title="Rotate 90 degrees"><i class="fa fa-repeat"></i>
                                                                    向右旋转</button>
                                                            </div>
                                                        </div>
                                                        <div class="col-md-3">
                                                            <button class="btn btn-success btn-block avatar-save" type="submit"><i
                                                                    class="fa fa-save"></i> 保存修改</button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                            <div class="loading" aria-label="Loading" role="img" tabindex="-1"></div>
                        </div>
                    </div>
                    <div>
                        <div class="messages">
                            <p>
                                <a href="javascript:;" class="msg-active">所有</a>
                                <a href="javascript:;">已读</a>
                                <a href="javascript:;">未读</a>
                            </p>
                            <ul class="msg-list">
                                <li class="row">
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
                                        <img src="static/images/logo.jpg" alt="头像" class="img-responsive">
                                    </a>
                                    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-9 dialog">
                                        <a href="javascript:;" class="clearfix">
                                            <span class="pull-left">王大锤</span>
                                            <span class="pull-right">2018-10-15 08:00</span>
                                        </a>
                                        <a href="javascript:;" class="dialog-content">
                                            你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的
                                        </a>
                                        <div class="operation">
                                            <a href="javascript:;">^</a>
                                            <ul>
                                                <li>
                                                    <a href="javascript:;"><span class="glyphicon glyphicon-trash"></span>&nbsp;删除会话</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#blackList"><span
                                                            class="glyphicon glyphicon-ban-circle"></span>&nbsp;加入黑名单</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#report"><span
                                                            class="glyphicon glyphicon-exclamation-sign"></span>&nbsp;举报</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="row">
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
                                        <img src="static/images/logo.jpg" alt="头像" class="img-responsive">
                                    </a>
                                    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-9 dialog">
                                        <a href="javascript:;" class="clearfix">
                                            <span class="pull-left">王大锤</span>
                                            <span class="pull-right">2018-10-15 08:00</span>
                                        </a>
                                        <a href="javascript:;" class="dialog-content">
                                            你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的
                                        </a>
                                        <div class="operation">
                                            <a href="javascript:;">^</a>
                                            <ul>
                                                <li>
                                                    <a href="javascript:;">删除会话</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#blackList">加入黑名单</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#report">举报</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="row">
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
                                        <img src="static/images/logo.jpg" alt="头像" class="img-responsive">
                                    </a>
                                    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-9 dialog">
                                        <a href="javascript:;" class="clearfix">
                                            <span class="pull-left">王大锤</span>
                                            <span class="pull-right">2018-10-15 08:00</span>
                                        </a>
                                        <a href="javascript:;" class="dialog-content">
                                            你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的
                                        </a>
                                        <div class="operation">
                                            <a href="javascript:;">^</a>
                                            <ul>
                                                <li>
                                                    <a href="javascript:;">删除会话</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#blackList">加入黑名单</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#report">举报</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="row">
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
                                        <img src="static/images/logo.jpg" alt="头像" class="img-responsive">
                                    </a>
                                    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-9 dialog">
                                        <a href="javascript:;" class="clearfix">
                                            <span class="pull-left">王大锤</span>
                                            <span class="pull-right">2018-10-15 08:00</span>
                                        </a>
                                        <a href="javascript:;" class="dialog-content">
                                            你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的
                                        </a>
                                        <div class="operation">
                                            <a href="javascript:;">^</a>
                                            <ul>
                                                <li>
                                                    <a href="javascript:;">删除会话</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#blackList">加入黑名单</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#report">举报</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="row">
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
                                        <img src="static/images/logo.jpg" alt="头像" class="img-responsive">
                                    </a>
                                    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-9 dialog">
                                        <a href="javascript:;" class="clearfix">
                                            <span class="pull-left">王大锤</span>
                                            <span class="pull-right">2018-10-15 08:00</span>
                                        </a>
                                        <a href="javascript:;" class="dialog-content">
                                            你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的
                                        </a>
                                        <div class="operation">
                                            <a href="javascript:;">^</a>
                                            <ul>
                                                <li>
                                                    <a href="javascript:;">删除会话</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#blackList">加入黑名单</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#report">举报</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="row">
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
                                        <img src="static/images/logo.jpg" alt="头像" class="img-responsive">
                                    </a>
                                    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-9 dialog">
                                        <a href="javascript:;" class="clearfix">
                                            <span class="pull-left">王大锤</span>
                                            <span class="pull-right">2018-10-15 08:00</span>
                                        </a>
                                        <a href="javascript:;" class="dialog-content">
                                            你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的
                                        </a>
                                        <div class="operation">
                                            <a href="javascript:;">^</a>
                                            <ul>
                                                <li>
                                                    <a href="javascript:;">删除会话</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#blackList">加入黑名单</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#report">举报</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="row">
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
                                        <img src="static/images/logo.jpg" alt="头像" class="img-responsive">
                                    </a>
                                    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-9 dialog">
                                        <a href="javascript:;" class="clearfix">
                                            <span class="pull-left">王大锤</span>
                                            <span class="pull-right">2018-10-15 08:00</span>
                                        </a>
                                        <a href="javascript:;" class="dialog-content">
                                            你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的
                                        </a>
                                        <div class="operation">
                                            <a href="javascript:;">^</a>
                                            <ul>
                                                <li>
                                                    <a href="javascript:;">删除会话</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#blackList">加入黑名单</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#report">举报</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="row">
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
                                        <img src="static/images/logo.jpg" alt="头像" class="img-responsive">
                                    </a>
                                    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-9 dialog">
                                        <a href="javascript:;" class="clearfix">
                                            <span class="pull-left">王大锤</span>
                                            <span class="pull-right">2018-10-15 08:00</span>
                                        </a>
                                        <a href="javascript:;" class="dialog-content">
                                            你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的
                                        </a>
                                        <div class="operation">
                                            <a href="javascript:;">^</a>
                                            <ul>
                                                <li>
                                                    <a href="javascript:;">删除会话</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#blackList">加入黑名单</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#report">举报</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                                <li class="row">
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2">
                                        <img src="static/images/logo.jpg" alt="头像" class="img-responsive">
                                    </a>
                                    <div class="col-lg-10 col-md-10 col-sm-10 col-xs-9 dialog">
                                        <a href="javascript:;" class="clearfix">
                                            <span class="pull-left">王大锤</span>
                                            <span class="pull-right">2018-10-15 08:00</span>
                                        </a>
                                        <a href="javascript:;" class="dialog-content">
                                            你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的你好，呵呵呵呵滑动后很多很多哈呵呵多喝点水的
                                        </a>
                                        <div class="operation">
                                            <a href="javascript:;">^</a>
                                            <ul>
                                                <li>
                                                    <a href="javascript:;">删除会话</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#blackList">加入黑名单</a>
                                                </li>
                                                <li>
                                                    <a href="javascript:;" data-toggle="modal" data-target="#report">举报</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <nav aria-label="Page navigation" class="text-center">
                                <ul class="pagination">
                                    <li>
                                        <a href="#" aria-label="Previous">
                                            <span aria-hidden="true">&laquo;</span>
                                        </a>
                                    </li>
                                    <li class="active"><a href="#">1</a></li>
                                    <li><a href="#">2</a></li>
                                    <li><a href="#">3</a></li>
                                    <li><a href="#">4</a></li>
                                    <li><a href="#">5</a></li>
                                    <li>
                                        <a href="#" aria-label="Next">
                                            <span aria-hidden="true">&raquo;</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                        <div class="dialogs">
                            <div>
                                <a href="javascript:;">返回消息列表<<</a>
                                <span>与<strong><a href="javascript:;" target="_blank">王大锤</a></strong>的对话</span>
                                <div class="operation">
                                    <a href="javascript:;">^</a>
                                    <ul>
                                        <li>
                                            <a href="javascript:;" data-toggle="modal" data-target="#blackList"><span
                                                        class="glyphicon glyphicon-ban-circle"></span>&nbsp;加入黑名单</a>
                                        </li>
                                        <li>
                                            <a href="javascript:;" data-toggle="modal" data-target="#report"><span
                                                        class="glyphicon glyphicon-exclamation-sign"></span>&nbsp;举报</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <ul>
                                <li class="row">
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2 dialog-he">
                                        <img src="static/images/head.jpg" alt="头像" class="img-responsive">
                                    </a>
                                    <div class="dialog-detail detail-he col-lg-11 col-md-11 col-sm-11 col-xs-10">
                                        <div class="two"></div>
                                        <div class="three"></div>
                                        <div>你好，很喜欢你的作品，欢迎给我们投稿，我们的微信公众号是Wan_Hhus,欢迎欢迎.你好，很喜欢你的作品，欢迎给我们投稿，我们的微信公众号是Wan_Hhus,欢迎欢迎</div>
                                    </div>
                                </li>
                                <li class="row">
                                    <div class="dialog-detail detail-me col-lg-11 col-md-11 col-sm-11 col-xs-10">
                                        <div class="two"></div>
                                        <div class="three"></div>
                                        <div>你好，很喜欢你的作品，欢迎给我们投稿，我们的微信公众号是Wan_Hhus,欢迎欢迎你好，很喜欢你的作品，欢迎给我们投稿，我们的微信公众号是Wan_Hhus,欢迎欢迎你好，很喜欢你的作品，欢迎给我们投稿，我们的微信公众号是Wan_Hhus,欢迎欢迎你好，很喜欢你的作品，欢迎给我们投稿，我们的微信公众号是Wan_Hhus,欢迎欢迎你好，很喜欢你的作品，欢迎给我们投稿，我们的微信公众号是Wan_Hhus,欢迎欢迎你好，很喜欢你的作品，欢迎给我们投稿，我们的微信公众号是Wan_Hhus,欢迎欢迎</div>
                                    </div>
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2 dialog-me">
                                        <img src="static/images/head.jpg" alt="头像" class="img-responsive">
                                    </a>
                                </li>
                                <li class="row">
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2 dialog-he">
                                        <img src="static/images/head.jpg" alt="头像" class="img-responsive">
                                    </a>
                                    <div class="dialog-detail detail-he col-lg-11 col-md-11 col-sm-11 col-xs-10">
                                        <div class="two"></div>
                                        <div class="three"></div>
                                        <div>你好，很喜欢你的作品，欢迎给我们投稿，我们的微信公众号是Wan_Hhus,欢迎欢迎</div>
                                    </div>
                                </li>
                                <li class="row">
                                    <div class="dialog-detail detail-me col-lg-11 col-md-11 col-sm-11 col-xs-10">
                                        <div class="two"></div>
                                        <div class="three"></div>
                                        <div>你好，很喜欢你的作品，欢迎给我们投稿，我们的微信公众号是Wan_Hhus,欢迎欢迎</div>
                                    </div>
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2 dialog-me">
                                        <img src="static/images/head.jpg" alt="头像" class="img-responsive">
                                    </a>
                                </li>
                                <li class="row">
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2 dialog-he">
                                        <img src="static/images/head.jpg" alt="头像" class="img-responsive">
                                    </a>
                                    <div class="dialog-detail detail-he col-lg-11 col-md-11 col-sm-11 col-xs-10">
                                        <div class="two"></div>
                                        <div class="three"></div>
                                        <div>你好，很喜欢你的作品，欢迎给我们投稿，我们的微信公众号是Wan_Hhus,欢迎欢迎</div>
                                    </div>
                                </li>
                                <li class="row">
                                    <div class="dialog-detail detail-me col-lg-11 col-md-11 col-sm-11 col-xs-10">
                                        <div class="two"></div>
                                        <div class="three"></div>
                                        <div>你好，很喜欢你的作品，欢迎给我们投稿，我们的微信公众号是Wan_Hhus,欢迎欢迎</div>
                                    </div>
                                    <a href="javascript:;" class="col-lg-1 col-md-1 col-sm-1 col-xs-2 dialog-me">
                                        <img src="static/images/head.jpg" alt="头像" class="img-responsive">
                                    </a>
                                </li>
                            </ul>
                            <div class="input-area">
                                <form action="">
                                    <textarea name="" id="" cols="30" rows="5" class="form-control"></textarea>
                                    <button type="submit" class="btn btn-default pull-right">发送</button>
                                </form>
                            </div>
                        </div>
                    </div>
                    <div>
                        我是第三个板块所对应的内容
                    </div>
                    <div>
                        我是第四个板块所对应的内容
                    </div>
                    <div>
                        我是第五个板块所对应的内容
                    </div>
                    <div>
                        我是第六个板块所对应的内容
                    </div>
                </div>
            </div>
        </section>
        <footer class="clearfix">
            <div class="footer-bottom text-center">
                <p>有趣的博客系统. 冀ICP备17005231号</p>
            </div>
        </footer>
    </div>
    <!-- 加入黑名单 -->
    <div class="modal fade" id="blackList" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="blackList-Label">加入黑名单</h4>
                </div>
                <div class="modal-body">
                    确认将该用户加入黑名单吗？在你黑名单中的用户无法在你文章下评论，无法在其它评论中提到你，无法给你发送简信，自动从你的粉丝列表移除且无法再关注你。
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal">确认</button>
                </div>
            </div>
        </div>
    </div>
    <!-- 举报用户 -->
    <div class="modal fade" id="report" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="report-Label">举报用户</h4>
                </div>
                <div class="modal-body">
                    <form action="" class="reportForm">
                        <label class="radio-inline">
                            <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 广告垃圾
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 人身攻击
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 其他
                        </label>
                        <textarea class="form-control" rows="3"></textarea>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                    <button type="button" class="btn btn-primary" data-dismiss="modal">确认</button>
                </div>
            </div>
        </div>
    </div>
    <script src="static/js/jquery.min.js"></script>
    <script src="assets/cropper/cropper.min.js"></script>
    <script src="assets/sitelogo/sitelogo.js"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script>
        $(function () {
            $('.list-group>a').click(function () {
                $(this).addClass('active').siblings().removeClass('active');
                $('.content-items>div').eq($(this).index()).show().siblings().hide();
            })

            $('.msg-list>li>.dialog>a').click(function () {
                $('.messages').hide();
                $('.dialogs').show();
            })

            $('.operation>a').each(function (index, ele) {
                var isClick = false;
                $(this).click(function () {
                    if (isClick) {
                        $(this).next().hide();
                        // $(this).parent().parent().parent().siblings().find('.operation ul').hide();
                        isClick = false;
                    } else {
                        $(this).parent().parent().parent().siblings().find('.operation ul').hide();
                        $(this).next().show();
                        isClick = true;
                    }
                })
            })

            $('.dialogs>div>a').click(function () {
                $('.dialogs').hide();
                $('.messages').show();
            })
            // 编辑基本资料
            var isOk = false;
            $('.editable').click(function () {
                if (isOk) {
                    $(this).prev().attr('disabled', 'disabled');
                    $(this).text('编辑');
                    isOk = false;
                } else {
                    $(this).prev().removeAttr('disabled');
                    $(this).prev().focus();
                    $(this).text('确定');
                    isOk = true;
                }

            })
        })
    </script>
    <!-- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script>
        var app = new Vue({
            el: "#mainContent",
            data: {
                message: '向小晚',
                title: '这是一张照片啊啊 啊~',
                show: true,
                seen:false
            },
            methods: {
                toggle:function(event){
                    console.log(event);
                    event.target.className="list-group-item active"
                    if(event.target.className==="list-group-item active"){
                        this.seen=true;
                    }
                }
            },
            
        })
    </script> -->
</body>

</html>